<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>



<meta http-equiv="Content-type" content="text/html;charset=UTF-8">



<meta http-equiv="X-UA-Compatible" content="IE=9" /> 

<title>Still Here</title>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript"> 




$(document).ready(function(){
	$("#form-login").submit(function () {
		if($("#email").val().length < 1) {
			alert("La dirección e-mail es obligatoria");
			
			
			return false;
		}
		
		
		if($("#email").val().indexOf('@', 0) == -1 || $("#email").val().indexOf('.', 0) == -1) {
			alert("La dirección e-mail parece incorrecta");
			return false;
		}
		
		if($("#pass").val().length < 1) {
			alert("No has escrito la contraseña");
			
			
			return false;
		}
		return false;
	});
});
</script>
<style type="text/css">

.html, body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

.inicio {
	width:600px;
	height:100%;
	padding:0px;
	margin:0px auto 0px auto;
}

</style>

<!--[if IE]>

<link rel="stylesheet" href="css/iestill.css" type="text/css" media="screen">

<![endif]-->


<!--[if lt IE 8]>

<script src="js/IE8.js"></script>

<![endif]-->

<!--[if lt IE 9]>

<script src="js/IE9.js"></script>

<![endif]-->

<!--[if !IE]>-->
<!-- Código del Icono --><link rel="stylesheet" href="css/still.css" type="text/css" media="screen"><!--<![endif]-->
<link href="images/still.ico" type="image/x-icon" rel="shortcut icon" />




<style type="text/css">
<!--
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	color: #999999;
	text-decoration: none;
}
a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
a:active {
	color: #333333;
	text-decoration: none;
}
body {
	background-color: #6A0000;
}
-->
</style><body>
<div class="centrardiv">
<div id="Marco" >

	<div id= "Uno">
	
    	  
      		<h1 id="logo"><span class="size1">STILLHERE</span></h1>
      		<h1 id="right_txt"><span class="size1"><a href="join.html">JOIN US</a> </span> </h1> 
              
  	</div>

	<div id="Dos">
    
    		<div id="Dosdos"><H1 id="centertxt"><span class="size1">BECAUSE   <span class="rojo">YOU </span>DESERVE PROPER MEMORIES </span> </H1> 
            </div>
            
            <div id="Dostres"></div>
    		        
	</div>


	<div id="Tres">
    		
           
    
			<div id="tres_uno">
            	<div id="mail">
                		<div class="transparent" id="mailheader">
                        			
                        				<h2>WELCOME</h2></div>
                                	
                                
                        <div id="mailtext"><h5>e-mail address:</h5>
                        					<h5>password:</h5>
                        </div>
                        
                        <div id="mailinput">
                         
                          <form name="formulario" action="<?php echo CRoute::getURI();?>" method="post" name="login" id="form-login" >
                            <input type="text" name="email" id="email" />
                            <br />
                            <br />
                            <input type="password" name="pass" id="pass" />
                            
                         
                            <br>
                            <br>
                            <br>
                            <div align="center">
                            <input name="submit" type="submit" value="login">
                            </div>
                            </form>
                        </div>
                </div>
            </div>  
            
                  
    		<div id="tres_dos">
            	<div id= "parrafo_uno">
                	<div class="degradado" id="parrafo_h1"><h2>GATHER <span class="blanco">YOUR FRIENDS</span></h2></div>
                    <div id="parrafo_t1">
                    	<h3>You can interact with all your friends in one place and keep in touch.</h3>
                        </div>
                        	<div class="degradado" id="parrafo_h2"><h2>SHARE <span class="blanco">PICS AND VIDEOS</span></h2></div>
                            <div id="parrafo_t2"><h3>Show yor life in photos and video.</h3></div>
                        
                        
                
                </div>
                
                
                
                <div id= "parrafo_dos">
                
                						<div class="degradado" id="parrafo_h3"><h2>SAVE<span class="blanco">YOUR MEMORIES</span></h2></div>
                                        <div id="parrafo_t3"><h3>We give you a place to leave a message to your beloved ones, a memorial place available everywhere to friends and family</h3></div>
                
                						<div class="degradado" id="parrafo_h4"><h2><a href="join.html">JOIN US</a></h2>
				  </div>
                </div>
                
                			
                            
                		
                
            	</div>   
     
  
             
	</div>
    

	<div id="Cuatro">
    
    		<div id="bottom_left"> <h6><a href="1.html">Advertising</a> | <a href="2.html">Privacy</a> | <a href="3.html">Terms</a> | <a href="4.html">Help </a></h6>
                                  
      		</div>
    		
            <div id="bottom_right"> 
            
            						<div id="bottomr2">
                                    <h6>The Social Network that gives you all</h6>
            </div>
     </div>
            
            
    <div id = "Cinco">
    </div>        
  
 	<div id = "Seis"><h5><span class="size4">Copyright © 2011. All rights reserved.</span></h5></div>
    		
   
     
            
           

</div>
</div>
    
    


</body>
</html>
